<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.flex-container {
				display: -webkit-flex;
				display: flex;
				-webkit-flex-wrap: wrap;
				flex-wrap: wrap;
				width: 960px;
				background-color: lightgrey;
				/*justify-content:center;*/
				flex-wrap:wrap;
			}
			
			.flex-item {
				background-color: cornflowerblue;
				/*width: 100px;
				height: 100px;*/
				padding: 5px 6px;
				margin: 10px;
			}
		</style>
	</head>

	<body>

		<div class="flex-container">
			<div class="flex-item">flex item 1</div>
			<div class="flex-item">flex item 2</div>
			<div class="flex-item">flex item 3</div>
			<div class="flex-item">flex item 3</div>
			<div class="flex-item">flex item 3</div>
			<div class="flex-item">flex item 3</div>
			<div class="flex-item">flex item 3</div>
			<div class="flex-item">flex item 3</div>
			<div class="flex-item">flex item 3</div>
			<div class="flex-item">flex item 3</div>
		</div>

	</body>

</html>